<html>
  <head>
    <title>Devcathlon</title>
    <link rel="stylesheet" type="text/css" href="../style/boilerplate/screen.css" media="screen" />
    <link rel="stylesheet" type="text/css" href="../style/boilerplate/print.css" media="print" />
    <style>
      .entry {border-top: 1px solid #3366CC; margin-top: 1px;}
      img {width : 50px}
    </style>
    <script type="text/javascript" src="../resources/js/datetimepicker.js">
    </script>
  </head>
  
  <body>
    <div id="page"> 
      <div id="header">
        <ul class="tabs">
           <li><a href="index.loggedin.html">Home</a></li>
           <li><a href="matches.html">Matches</a></li>
           <li><a href="gallery.html">Gallery</a></li>
           <li><a href="halloffame.html">Hall of Fame</a></li>
           <li><a href="help.html">Help</a></li>
           <li><a href="../public/index.html">Logout</a></li>
        </ul>
      </div>
  
      <div class="wrapper">
        <h2>Match Registration</h2>
        <p>You may search and join an existing match or create a new one.</p>
        <!-- Search team form -->
        <fieldset>
          <legend>Search</legend>
          <input type="text" name="search"/>&nbsp;&nbsp;<input type="submit" value="Search Event Match"/>
          <br><br>
          <span id="search_results">
            <span id="search_msg">Found 3 results.</span>
            <table id="team_query" border="1">
              <tr><th>Match name</th><th>Teams</th><th>Date created</th><th>Start date</th><th>End date</th><th>Participant</th></tr>
              <tr>
                <td><a href="view_project_COTH4.html">Clash of Hacker's IV</a></td>
                <td><a href="view_team_stallmans_revenge.html">Stallman's Revenge</a>,&nbsp;<a href="#">Emacs FTW!</a>,&nbsp;<a href="#">Jah RESTafarians</a></td>
                <td>01/15/08</td><td>01/01/09</td><td>03/01/09</td><td>Yes</td><td>ongoing</td>             
              </tr>
              <tr>
                <td><a href="#">Swing Sprint</a></td>
                <td><a href="#">Event Loopers</a>,&nbsp;<a href="#">Gooey</a></td>
                <td>11/21/08</td><td>12/01/08</td><td>12/15/08</td><td>No</td><td>completed</td>  
              </tr>
              <tr>
                <td><a href="#">Clash of Hacker's V</a></td>
                <td><a href="#">Event Loopers</a>,&nbsp;<a href="view_team_stallmans_revenge.html">Stallman's Revenge</a></td>
                <td>01/21/09</td><td>02/02/09</td><td>02/15/09</td><td>No</td><td><a href="matches.html">join</a></td>  
              </tr>
            </table>
          </span>
        </fieldset>
        <!-- New match form -->
        <fieldset>
          <legend>New Match</legend>
          <form name="new_team_form" class="vform" action="matches.html" method="post">
            <label for="team_name">Match name:</label>
            <input name="team_name" type="text"/><br><br>
            <label for="start_date">Start date:</label>
            <input id="start_date" type="text" size="25"><a href="javascript:NewCal('start_date','ddmmyyyy')"><img src="../resources/js/cal.gif" width="16" height="16" border="0" alt="Pick a date"></a><br>
            <label for="end_date">End date:</label>
            <input id="end_date" type="text" size="25"><a href="javascript:NewCal('end_date','ddmmyyyy')"><img src="../resources/js/cal.gif" width="16" height="16" border="0" alt="Pick a date"></a><br><br>
            <label for="team_members">Team Participants:</label><br>
            Search for a team to add<br>
            <!-- Search team form -->
	          <input type="text" name="search"/>&nbsp;&nbsp;<input type="submit" value="Search Team"/>
	          <br><br>
	          <span id="search_results">
	            <span id="search_msg">Found 2 results.</span>
	            <table id="team_query" border="1">
	              <tr><th>Team name</th><th>Members</th><th>Date created</th><th>Owned</th></tr>
	              <tr>
	                <td><a href="view_team_stallmans_revenge.html">Stallman's Revenge</a></td>
	                <td><a href="view_profile_person1.html">John Dole</a>,&nbsp;<a href="#">Jane Dole</a>,&nbsp;<a href="#">Baby Dole</a>,&nbsp;<a href="#">...</a></td>
	                <td>01/15/08</td><td>Yes</td><td><input type="checkbox" checked/></td>           
	              </tr>
	              <tr>
	                <td><a href="#">Sunset Hackers</a></td>
	                <td><a href="#">Jack</a>,&nbsp;<a href="#">Jacob</a>,&nbsp;<a href="#">Julie</a>,&nbsp;<a href="#">...</a></td>
	                <td>01/21/08</td><td>No</td><td><input type="checkbox"/></td>  
	              </tr>
	            </table>
	          </span>
            <input type="submit" value="Create Match">
          </form>
        </fieldset>
      </div>
    </div>
  </body>
</html>